<template>
<div class="div">
  <el-footer>
    <div class="middle">
      <div class="dv1 clearfix">
        <div class="product">
          <router-link to="/" v-for="item in list1" :key="item">
            <h3 v-if="item.title">{{item.title}}</h3>
            <ul><li v-if="item.text">{{item.text}}</li></ul>
          </router-link>
        </div>
        <div class="product">
          <router-link to="/" v-for="item in list2" :key="item">
            <h3 v-if="item.title">{{item.title}}</h3>
            <ul><li v-if="item.text">{{item.text}}</li></ul>
          </router-link>
        </div>
      </div>
      <div class="dv2">
        <p v-for="item in list3" :key="item"><span>{{item.icp1}}</span><span>{{item.icp2}}</span><span>{{item.icp3}}</span><span>{{item.icp4}}</span></p>
      </div>
    </div>
  </el-footer>
</div>
</template>

<script>
export default {
  data () {
    return {
      list1: [{ title: '多会产品' }, { text: '标准版' }, { text: '高级版' }, { text: '企业版' }, { text: '活动微信小程序' }, { text: '活动微信服务号' }, { text: '现场极速签到' }],
      list2: [{ title: '关于和帮助' }, { text: '关于我们' }, { text: '品牌资源' }, { text: '帮助支持' }, { text: '客户案例' }, { text: '用户协议' }],
      list3: [{ icp1: '上海新小信息科技有限公司', icp2: '沪ICP备17014612号-2', icp3: '沪公网安备 31010402004300号', icp4: '<广告>' }]
    }
  }
}
</script>

<style>
@import "~@/assets/css/footer.css";
@import "~@/assets/css/template.css";
@import "~@/assets/css/public.css";
</style>
